﻿/* xh picture upload */
.xp_warp{overflow:hidden;}
.xp_list{overflow:hidden; margin-bottom:-20px;}
.xp_item{float:left; width:160px; height:160px; overflow:hidden; margin:0 20px 20px 0; position:relative; border:1px solid #e3e3e3;}
.xp_wait{display:block; width:160px; height:160px; overflow:hidden; background:#f7f7f7 url(../images/upWaiting.png) no-repeat center;}
.xp_pic{width:100%; height:100%; object-fit:cover;}
.xp_cover{width:0px; height:160px; position:absolute; left:0; top:0; line-height:160px; text-align:center; color:#fff; background:url(../images/blockBg.png);}
.xp_del{display:none; width:20px; height:20px; position:absolute; top:5px; right:5px; background:url(../images/iconDelete2.png); background-size:100%;}
.xp_item:hover .xp_del{display:block;}
.xp_add{display:block; width:160px; height:160px; overflow:hidden; background:#f7f7f7 url(../images/iconPicUpload.png) no-repeat center;}

/* xh file upload */
.xf_warp{overflow:hidden;}
.xf_list{width:603px; overflow:hidden; background:#fff; border:1px solid #e3e3e3; border-radius:3px;}
.xf_info{height:30px; overflow:hidden; padding:5px 8px; line-height:20px;}
.xf_info label{float:none; margin:0px; line-height:20px;}
.xf_delete{float:right; color:#004989;}
.xf_bar{width:100%; height:2px; overflow:hidden;}
.xf_bar_curr{height:2px; background:#005bac;}
.xf_href{display:block; width:150px; height:30px; overflow:hidden; background:#fff; border:1px solid #e3e3e3; border-radius:3px; line-height:30px; text-align:center; color:#666;}

/* xh upload base */
.xu_false{width:482px; height:20px; overflow:hidden; padding:5px 9px; background:#fff9db; border:1px solid #ffde6d; border-radius:3px; color:#f60; line-height:20px;}
.xu_hd{width:0px; height:0px; overflow:hidden;}



.ascxUploadOss{overflow:hidden;}
.ascxUploadOssBox{width:500px; overflow:hidden; background:#fff; border:1px solid #e3e3e3; border-radius:3px;}
.ascxUploadOssInfo{height:20px; overflow:hidden; padding:5px 8px; line-height:20px;}
.ascxUploadOssDelete{float:right; color:#004989;}
.ascxUploadOssBar{width:100%; height:2px; overflow:hidden;}
.ascxUploadOssBarCurr{height:2px; background:#005bac;}
.ascxUploadOssSubmit{display:block; width:150px; height:30px; overflow:hidden; background:#fff; border:1px solid #e3e3e3; border-radius:3px; line-height:30px; text-align:center; color:#666;}

.ascxUploadFile{overflow:hidden;}
.ascxUploadFileBox{width:500px; overflow:hidden; background:#fff; border:1px solid #e3e3e3; border-radius:3px;}
.ascxUploadFileInfo{height:20px; overflow:hidden; padding:5px 8px; line-height:20px;}
.ascxUploadFileInfo label{float:none; margin:0px; line-height:20px;}
.ascxUploadFileDelete{float:right; color:#004989;}
.ascxUploadFileBar{width:100%; height:2px; overflow:hidden;}
.ascxUploadFileBarCurr{height:2px; background:#005bac;}
.ascxUploadFileSubmit{display:block; width:150px; height:30px; overflow:hidden; background:#fff; border:1px solid #e3e3e3; border-radius:3px; line-height:30px; text-align:center; color:#666;}

.ascxUploadPicture{overflow:hidden;}
.ascxUploadPictureBox{overflow:hidden; margin-bottom:-10px;}
.ascxUploadPictureItem{float:left; width:100px; height:100px; overflow:hidden; margin:0px 10px 10px 0px; position:relative; border:1px solid #cccccc; background:#ffffff;}
.ascxUploadPictureImg{width:94px; height:94px; margin:3px;}
.ascxUploadPictureOver{display:none; width:90px; height:20px; overflow:hidden; padding:40px 5px; position:absolute; left:0px; bottom:0px; background:url(/ascx/images/blockBg.png); color:#ffffff; line-height:20px; text-align:center;}
.ascxUploadPictureItem:hover .ascxUploadPictureOver{display:block;}
.ascxUploadPictureHref{float:Left; display:block; width:20px; height:20px; overflow:hidden; margin:0 5px;}
.ascxUploadPictureHrefImg{width:20px; height:20px; margin:0px;}
.ascxUploadPictureAdd{border:1px dashed #cccccc;}
.ascxUploadPictureAddHref{display:block; width:30px; height:30px; padding:32px; margin:0px;}
.ascxUploadPictureAddImg{width:30px; height:30px; margin:0px;}

/* xh Multi Pic Upload */
.xmpList{overflow:hidden; margin-bottom:-20px;}
.xmpItem{float:left; width:270px; height:180px; overflow:hidden; margin:0 20px 20px 0; position:relative; border:1px solid #e3e3e3;}
.xmpWait{display:block; width:270px; height:180px; overflow:hidden; background:#f7f7f7 url(../images/upWaiting.png) no-repeat center;}
.xmpPic{width:270px; height:180px;}
.xmpCover{width:0px; height:180px; position:absolute; left:0; top:0; line-height:180px; text-align:center; color:#fff; background:url(../images/blockBg.png);}
.xmpDel{display:none; width:20px; height:20px; position:absolute; top:5px; right:5px; background:url(../images/iconDelete2.png); background-size:100%;}
.xmpItem:hover .xmpDel{display:block;}
.xmpAdd{display:block; width:270px; height:180px; overflow:hidden; background:#f7f7f7 url(../images/iconPicUpload.png) no-repeat center;}

/* xh Single Pic Upload */
.xspList{overflow:hidden; margin-bottom:-20px;}
.xspItem{float:left; width:270px; height:180px; overflow:hidden; margin:0 20px 20px 0; position:relative; border:1px solid #e3e3e3;}
.xspWait{display:block; width:270px; height:180px; overflow:hidden; background:#f7f7f7 url(../images/upWaiting.png) no-repeat center;}
.xspPic{width:270px; height:180px;}
.xspCover{width:0px; height:180px; position:absolute; left:0; top:0; line-height:180px; text-align:center; color:#fff; background:url(../images/blockBg.png);}
.xspDel{display:none; width:20px; height:20px; position:absolute; top:5px; right:5px; background:url(../images/iconDelete2.png); background-size:100%;}
.xspItem:hover .xspDel{display:block;}
.xspAdd{display:block; width:270px; height:180px; overflow:hidden; background:#f7f7f7 url(../images/iconPicUpload.png) no-repeat center;}


.ascxUploadNonsupport{width:482px; height:20px; overflow:hidden; padding:5px 9px; background:#fff9db; border:1px solid #ffde6d; border-radius:3px; color:#f60; line-height:20px;}
.ascxUploadHD{display:inline-block; width:0px; height:0px; overflow:hidden;}

/* xh upload base */
.xub_hide{display:inline-block; width:0px; height:0px; overflow:hidden;}
.xub_warn{width:482px; height:20px; overflow:hidden; padding:5px 9px; background:#fff9db; border:1px solid #ffde6d; border-radius:3px; color:#f60; line-height:20px;}
.xub_load{width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:999; background:url(../images/blockBg.png);}
.xub_load p{width:100px; height:100px; position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-50px; background:url(../images/loading.gif); background-size:100px 100px; text-align:center; line-height:100%; color:#fff;}
